<template>
  <div>
    <h3>1 {{ Value }} 3 {{ value }}</h3>
    <h4>2{{ fileinfo }}</h4>
  </div>
</template>
<script>
import vmodel1 from '@/components/mixins/vmodel.js'
export default {
  mixins: [vmodel1],
  data() {
    return {
      fileinfo: ''
    }
  },
  // props: ['value'],
  // computed: {
  //   v: {
  //     get() {
  //       return this.value
  //     },
  //     set(newVal) {
  //       this.$emit('input', newVal)
  //     }
  //   }
  // },
  watch: {
    Value: function(newVal, oldVal) {
      console.log('openfile watch', this.Value)
      const { data } = this.$axios.get('/api/file/', {
        params: { id: this.Value }
      })
      console.log(data)
      this.fileinfo = data
    }
  },
  mounted() {
    console.log('openfile value ', this.Value)
  }
}
</script>
